<template>
  <div>{{ id }}</div>
</template>

<script>
export default {
  props: {
    id: {
      type: String,
      default: 0
    }
  },
  created() {
    // 直接找到root根组件下面唯一的子组件，修改里面的数据
    // this.$root.$children[0].isShowFooter = false
    // this.$bus.$emit('isShowFooter', false)
    // this.$store.commit('setIsShowFooter', false)
  },
  beforeDestroy() {
    // this.$root.$children[0].isShowFooter = true
    // this.$bus.$emit('isShowFooter', true)
    // this.$store.commit('setIsShowFooter', true)
  }
}
</script>

<style lang="scss" scoped></style>
